OpenCap 3D Motion Player (Three.js)

OpenCap 3D Motion Player (Optional Advanced)

Upload OpenCap 3D landmark export (JSON recommended, CSV supported) → animate a 3D skeleton for coaching feedback. Works 100% in-browser using Three.js.

1) Upload

3D Motion File (JSON or CSV)

2) Optional Ghost Overlay

Ghost File (B) (optional)

Ghost: Off

Ghost overlay helps compare “good rep” vs “current rep”.

3) Playback

Status: Waiting…

Scrub

Speed

Scale (meters → scene)

Loop

4) Skeleton Setup

Auto-detected joints (from file)

The renderer uses a default “weightlifting-friendly” skeleton. If your OpenCap joint names differ, rename columns/keys to match (or tell me your headers and I’ll map them).

5) Preview

Shows the first ~10 rows (CSV) or first ~10 frames (JSON).

JSON Format (Recommended)

Example structure:

{
  "fps": 60,
  "frames": [
    { "time": 0.0, "joints": { "pelvis":[0,1,0], "knee_r":[0.1,0.5,0.05] } },
    ...
  ]
}

3D View

Frame: — FPS: —

Controls: drag to rotate • scroll to zoom • right-drag to pan. (OrbitControls)